<style>

	.exibicao {
		float: left !important;
		width: 4% !important;
	}
		
</style>

<?php

	$this->Html->css(array('agenda'), null, array('inline' => false));

	echo '<fieldset><legend>Dados</legend>';
	echo $this->Form->create('TipoConfirmacao');
	echo $this->Form->input('id');
	echo $this->Form->input('classe_imagem_agenda', array('type' => 'hidden'));
	echo $this->Form->input('nome',array('type'=>'text','class' => 'tamanho50', 'label'=> __('Nome'),'maxlength'=>100)); //__('Nome) para realizar a internacionaliza��o
	echo '<fieldset><legend>Imagem de exibição na agenda:</legend>';
	echo '<span id="span_imagem_atual"></span>';
	echo '</fieldset>';
	echo '<fieldset><legend>Clique nas imagens abaixo para selecionar a imagem de exibição atual:</legend>';
	echo '<span class="exibicao agenda_confirmacao_negativa"></span>';
	echo '<span class="exibicao agenda_confirmacao_positiva"></span>';
	echo '</fieldset>';	
	echo '<div class="botoes_form">';
	echo $this->Form->button('Salvar', array('type' => 'submit'));
	echo $this->Form->button('Voltar', array('type'=>'button', 'onClick' => "javascript:location='{$this->request->base}/{$this->request->controller}/index'"));
	echo '</div>'; 
	echo $this->Form->end();
	echo '</fieldset>';
?>

<script>

	$('.agenda_confirmacao_negativa').click(function(){
		$('#TipoConfirmacaoClasseImagemAgenda').val('agenda_confirmacao_negativa');
		$('#span_imagem_atual').removeClass('agenda_confirmacao_negativa').removeClass('agenda_confirmacao_positiva');
		$('#span_imagem_atual').addClass('agenda_confirmacao_negativa');
	});

	$('.agenda_confirmacao_positiva').click(function(){
		$('#TipoConfirmacaoClasseImagemAgenda').val('agenda_confirmacao_positiva');
		$('#span_imagem_atual').removeClass('agenda_confirmacao_negativa').removeClass('agenda_confirmacao_positiva');
		$('#span_imagem_atual').addClass('agenda_confirmacao_positiva');		
	});	

</script>	